<template>
    <modal :show.sync="showLoginModal" effect="fade" width="400">
        <div slot="modal-header" class="modal-header">
            <h4 class="modal-title text-center">请用以下方式登录</h4>
        </div>
        <div slot="modal-body" class="modal-body">
            <div class="portlet-body">
                <snsloginbtns :logins="logins"></snsloginbtns>
            </div>
        </div>
        <div slot="modal-footer">
        </div>
    </modal>
</template>
<style>

</style>
<script>
    import {modal} from 'vue-strap'
    import snsloginbtns from './snsLogin.vue'
    export default{
        data(){
            return{
                showLoginModal:false,
                logins:[
                    'github','qq'
                ]
            }
        },
        methods: {
            showModal(){
                this.showLoginModal = true
            }
        },
        components:{
            snsloginbtns,
            modal
        }
    }
</script>
